{extend name="public/base"/}
{block name="style"}
<script src="/public/novel/js/ZoomPic.js"></script>
<link rel="stylesheet" type="text/css" href="/public/novel/style/iconfont.css">
{/block}
{block name="body"}
<style type="text/css">
  
 .other-way-login {
    height: 30px;
    line-height: 30px;
    font-size: 27px;
    text-align: center;
   /* font-weight: bold;*/
}
.other-way-login .line {
    display: inline-block;
    width: 460px;
    border: 1px solid #f0f0f0;
}
.other-way-login .txt {
    color: #353535;
    vertical-align: middle;
    vertical-align: -20%;
    margin: 0 30px;
    font-size: 27px;
}
 

</style>
{include file="public/header" /}
<div class="pageBox" style="margin-top:15px;">
    <div class ='Homeslide' style="height:440px;">
        <div class ='Homeslide_bigwrap'>
            <div class='Homeslide_hand0'></div>
            <div class='Homeslide_hand1'></div>
            <a target='_blank' class='Homeslide_bigpicdiv_mask'>loading...</a>
            <div class='Homeslide_bigpicdiv'>
                <a href='#' target='_blank'><img src=""></a>
            </div>
            <div class='Homeslide_detail'>
                <p>loading...</p>
                <div class='Homeslide_ralate'>loading...</div>
            </div>
        </div>
		<style>
		
		</style>
        <div class="tz">
			<span><img src="/public/novel/images/tz.png" alt="公告"></span>
			<ul class="tz_con">
				{volist name="news" id="vo" key="k"}
				<li {if $k==1}class="topline"{/if}><a href="{:url('index/news/detail',array("id"=>$vo.id))}" title="{$vo.title}" target="_blank">{$vo.title}</a></li>
				{/volist}
			</ul>
		</div>
    </div>
	<script type="text/javascript">
	<!--
		var home_slide_data = JSON.parse('{$ad}');
		$('.Homeslide').homeslide(home_slide_data,true,3000);
	//-->
	</script>
    <div class="firstCBox">
        {volist name="editortop" id="vo"}
        <div class="firstTitle"><a href="{:url('/book/info',array("id"=>$vo.id))}">{$vo.title}</a></div>
        <div class="firstBook">
            <a href="{:url('/book/info',array("id"=>$vo.id))}"><img class="bookImg" src="{empty name="vo.cover"}/public/novel/images/default.jpg{else /}{$vo.cover}{/empty}"></a>
            <div class="bookAuthor">{$vo.author}</div>
            <div class="bookType"><a href="/books?channel={if $vo.category_id>3}1{else}2{/if}&cate={$vo.category_id}">{$vo.category}</a></div>
            <div class="bookDesc">{$vo.intro}</div>
        </div>
        {/volist}
    </div>
    <div class="firstRBox">
        <div class="firstTitle xsmfIco">限时免费</div>
		<ul class="topTx">
            {volist name="limitedfree" id="vo" key="k"}
            <li >
				<em {if $k<4}class="red_bg"{/if}>{$k}</em>
                <span><a href="{:url('/book/info',array("id"=>$vo.id))}">{$vo.title}</a></span>
                <div class="bookInfo" style="display:{if $k==1}block{else}none{/if}" >
                    <a href="{:url('/book/info',array("id"=>$vo.id))}"><img src="{empty name="vo.cover"}/public/novel/images/default.jpg{else /}{$vo.cover}{/empty}"></a>
                    <div class="nickName">作者：{$vo.author}</div>
                    <div class="bookType">类别：<a href="/books?channel={if $vo.category_id>3}1{else}2{/if}&cate={$vo.category_id}">{$vo.category}</a></div>
                    <div class="bookDesc">{$vo.intro}… </div>
                </div>
            </li>
            {/volist}
        </ul>
    </div>
</div>
{if $banner}
<div class="pageImgBox" style="margin-top:6PX;">
    
	<a href="{$banner.0.url}"><img src="{$Think.config.web_site_url}{$banner.0.cover_id}" ></a>
   
</div>
 {/if}
	<div class="pageBox lanmuMan" style="height:480px">
        <!--火热短篇-->
				<div class="mod home-block pattern-fill-container-mod master hot_dp">
					<div class="hd" style="text-align:center">
                        <div class="other-way-login">
                            <span class="line"></span>  
                            <span class="txt"><i class="icon iconfont icon-luntanretie hot_ico" style="font-size:30px"></i>火热短篇</span>  
                            <span class="line"></span>  
                        </div>
					</div>
					<div class="bd" id="focus_Box">
						<span class="prev">&nbsp;</span>
						<span class="next">&nbsp;</span>
						<ul class="float-list hot_dp_list">
							{volist name="hotnovel" id="vo" key="k"}
                            <li class="" style="{$vo.style}">
								<a href="{:url('/book/info',array("id"=>$vo.id))}" target="_blank"> <img src="{empty name="vo.cover"}/public/novel/images/default.jpg{else /}{$vo.cover}{/empty}" alt="{$vo.title}"> </a>
								<h5><a href="{:url('/book/info',array("id"=>$vo.id))}" target="_blank">{$vo.title}</a></h5>
								<p class="info">By {$vo.author}</p>
								<span class="book_sty">{$vo.category}</span>
								<div class="go_read">
									<span class="triangle"></span>
									<h5><a href="{:url('/book/info',array("id"=>$vo.id))}" target="_blank">{$vo.title}</a></h5>
									<p class="info">By {$vo.author}</p>
									<p class="book_info">{$vo.intro}</p>
									<a href="{:url('/book/info',array("id"=>$vo.id))}" target="_blank" class="read_btn">立即阅读</a>
								</div>
                            </li>
							{/volist}

                            </ul>
					</div>
                </div>
                 <script type="text/javascript">
                new ZoomPic("focus_Box");
                </script>
</div>
{if $banner}
<div class="pageImgBox" style="margin-top:6PX;">
  
    <a href="{$banner.0.url}"><img src="{$Think.config.web_site_url}{$banner.0.cover_id}" ></a>
    
</div>
{/if}
<link rel="stylesheet" type="text/css" href="/public/novel/style/common.css">

<script src="/public/novel/js/ajaxcommon.js?t=121312"></script>
<link rel="stylesheet" type="text/css" href="/public/novel/style/indexnew.css">
<style type="text/css" media="screen">
	.g-wrap {
		width: 1200px;
		margin: 0 auto;
	}
    .u-whirligig-book {

    }

    .u-whirligig-img {

    }

    .u-whirligig-img li {
        position: absolute;
        box-shadow: 1px 1px 13px #999;
        cursor: pointer;
        transition-duration: 500ms;
    }

    .u-whirligig-img li img {
        width: 100%;
        height: 100%;
    }

    .u-whirligig-img li:nth-child(1) {
        width: 106px;
        height: 150px;
        top: 16px;
        left: 0;
    }

    .u-whirligig-img li:nth-child(2) {
        width: 140px;
        height: 185px;
        top: 0;
        left: 60px;
        z-index: 10;
    }

    .u-whirligig-img li:nth-child(3) {
        width: 106px;
        height: 150px;
        top: 16px;
        left: 155px;
    }

    .u-index-freeNew span a{
        color: #999;
    }

    .u-index-freeNew i a{
        color: #999;
    }
     /*底部APP下载  */
    .m-recode{
        position: fixed;
        height: 120px;
        background: rgba(0,0,0,.8);
        width: 100%;
        bottom: 0;
        transition-duration: 500ms;
        z-index: 10;
    }
    .m-recode.active{
        bottom: -125px;
    }
    .u-recode-text{
        font-size: 24px;
        color: #fff;
        display: inline-block;
        margin-top: 35px;
        vertical-align: top;
        margin-left: 85px;
    }
    .u-recode-close{
        width: 16px;
        height: 16px;
        position: absolute;
        right: 0px;
        top: 10px;
        background: url(/public/novel/images/close-icon.png);
        cursor: pointer;
    }
    .u-recode-recode{
        display: inline-block;
    }
    .u-recode-recode dl{
        display: inline-block;
        margin-top: 38px;
        margin-left: 55px;
        width: 126px;
        position: relative;
        cursor: pointer;
    }
    .u-recode-recode dl dd{
        width: 126px;
        height: 126px;
        box-shadow: 0 0 10px #666;
        border-radius: 4px;
        position: absolute;
        top: 130px;
    }
    .u-recode-recode dl:hover dd{
        top: -145px;
    }
    .u-recode-recode dl dd img{
        width: 100%;
    }
     /*底部APP下载  */
</style>
<!-- 女频内容    -->
<div class="g-wrap m-index-body">
    <div class="m-index-freeNew u-index-box">
            <div class="other-way-login">
                <span class="line"></span>  
                <span class="txt"><img src=""></img></span>  
                <span class="line"></span>  
            </div>
        <div class="u-index-freeNew">
            <div style="border:0">
                <div class="u-freeNew-whirligig u-freeNew-tab">
                    <div class="u-whirligig-book">
                        <ul class="u-whirligig-img f-pos-r" id="j-girl-whirligig-img">
                        {volist name="girlnovel" id="vo" key="k"}
                            <li data-no="{$k}" data-url="{:url('/book/info',array("id"=>$vo.id))}" posation="{switch name="k" }    {case value="1"}l{/case}    {case value="2"}c{/case}    {case value="3"}r{/case}{/switch}"><a href="{:url('/book/info',array("id"=>$vo.id))}" target="_blank"><img src="{empty name="vo.cover"}/public/novel/images/default.jpg{else /}{$vo.cover}{/empty}" width="100%" alt=""></a></li>
                            {/volist}
                        </ul>
                    </div>
                    <div class="u-whirligig-info" id="j-girl-whirligig-info">
                    {volist name="girlnovel" id="vo" key="k"}
                        <div class="u-whirligig-item {if $k==2}z-active{/if}" >
                            <span><a href="{:url('/book/info',array("id"=>$vo.id))}" target="_blank">{$vo.title}</a></span>
                            <i><a href="{:url('/book/info',array("id"=>$vo.id))}" target="_blank">{$vo.author}</a></i>
                            <p>{$vo.intro}...</p>
                            <div>                                           <span>{$vo.category}</span>
                            </div>
                            <a href="{:url('/book/info',array("id"=>$vo.id))}">立即阅读</a>
                        </div>
                    {/volist}   
                    </div>
                </div>
                
                <div class="u-freeNew-recbook">
                    <ul>
                    {volist name="girlhot" id="vo" key="k"}
                        <li class="f-bookstyle-picname">
                                <a href="{:url('/book/info',array("id"=>$vo.id))}" target="_blank" title="{$vo.title}">
                                    <img src="{empty name="vo.cover"}/public/novel/images/default.jpg{else /}{$vo.cover}{/empty}" width="100%" alt="100878"><span
                                        class="f-text-overflow">{$vo.title}</span>
                                </a>
                        </li>
                    {/volist}  
                      
                    </ul>
                    <div class="u-freeNew-syn">
                        {volist name="girlhots" id="vo" key="k"}
                        {if $k==1}
                        <a href="{:url('/book/info',array("id"=>$vo.id))}" target="_blank"
                           class="f-fs20 f-fccommon ">{$vo.title}</a>
                        <div class="f-fs14"><a href="{:url('/book/info',array("id"=>$vo.id))}" class="f-fc3"
                                               target="_blank">{$vo.intro|msubstr=0,50,'utf-8',true}</a><a
                                href="{:url('/book/info',array("id"=>$vo.id))}" target="_blank" class="f-fccommon">[点击查看]</a></div>
                        {/if}
                        {/volist}
                    </div>
                    <div class="u-freeNew-rec">
                        <ul>
                            {volist name="girlhots" id="vo" key="k"}
                                {if $k>1}
                                    <li>
                                       <a href="{:url('/book/info',array("id"=>$vo.id))}" target="_blank" class="f-text-overflow f-fc3">{$vo.title}</a>
                                    </li>
                                {/if}
                            {/volist}
                        </ul>
                    </div>
                </div>
            </div>
            
        </div>
        <div class="u-ranking-list">
            <h2 class="f-ranking-title f-pos-r"><i></i>推荐榜
                <div class="f-ranking-time girl-recommend" data-id="girlecommend" data-channel="2" data-num="12">
                    <span class="z-current" data-time="week">周</span>
                    <span data-time="month">月</span>
                    <span data-time="total">总</span>
                </div>
            </h2>
            <ul id="girlecommend">

            </ul>
        </div>
    </div>
</div>
{if $banner}
<div class="pageImgBox" style="margin-top:6PX;">
    
    <a href="{$banner.0.url}"><img src="{$Think.config.web_site_url}{$banner.0.cover_id}" ></a>
   
</div>
 {/if}
<!-- 男频内容    -->
<div class="g-wrap m-index-body">
    <div class="m-index-freeNew u-index-box">
            <div class="other-way-login">
                <span class="line"></span>  
                <span class="txt"><img src=""></img></span>  
                <span class="line"></span>  
            </div>
        <div class="u-index-freeNew">
            <div style="border:0px">
                <div class="u-freeNew-whirligig u-freeNew-tab">
                    <div class="u-whirligig-book">
                        <ul class="u-whirligig-img f-pos-r" id="j-whirligig-img">
                        {volist name="boynovel" id="vo" key="k"}
                            <li data-no="{$k}" posation="{switch name="k" }    {case value="1"}l{/case}    {case value="2"}c{/case}    {case value="3"}r{/case}{/switch}"><a href="{:url('/book/info',array("id"=>$vo.id))}" target="_blank"><img src="{empty name="vo.cover"}/public/novel/images/default.jpg{else /}{$vo.cover}{/empty}" width="100%" alt=""></a></li>
                            {/volist}
                        </ul>
                    </div>
                    <div class="u-whirligig-info" id="j-whirligig-info">
                    {volist name="boynovel" id="vo" key="k"}
                        <div class="u-whirligig-item {if $k==2}z-active{/if}" >
                            <span><a href="{:url('/book/info',array("id"=>$vo.id))}" target="_blank">{$vo.title}</a></span>
                            <i><a href="{:url('/book/info',array("id"=>$vo.id))}" target="_blank">{$vo.author}</a></i>
                            <p>{$vo.intro}...</p>
                            <div>                                           <span>{$vo.category}</span>
                            </div>
                            <a href="{:url('/book/info',array("id"=>$vo.id))}">立即阅读</a>
                        </div>
                    {/volist}   
                    </div>
                </div>
                
                <div class="u-freeNew-recbook">
                    <ul>
                    {volist name="boyhot" id="vo" key="k"}
                        <li class="f-bookstyle-picname">
                                <a href="{:url('/book/info',array("id"=>$vo.id))}" target="_blank" title="{$vo.title}">
                                    <img src="{empty name="vo.cover"}/public/novel/images/default.jpg{else /}{$vo.cover}{/empty}" width="100%" alt="100878"><span
                                        class="f-text-overflow">{$vo.title}</span>
                                </a>
                        </li>
                    {/volist}  
                      
                    </ul>
                    <div class="u-freeNew-syn">
                        {volist name="boyhots" id="vo" key="k"}
                        {if $k==1}
                        <a href="{:url('/book/info',array("id"=>$vo.id))}" target="_blank"
                           class="f-fs20 f-fccommon ">{$vo.title}</a>
                        <div class="f-fs14"><a href="{:url('/book/info',array("id"=>$vo.id))}" class="f-fc3"
                                               target="_blank">{$vo.intro|msubstr=0,50,'utf-8',true}</a><a
                                href="{:url('/book/info',array("id"=>$vo.id))}" target="_blank" class="f-fccommon">[点击查看]</a></div>
                        {/if}
                        {/volist}
                    </div>
                    <div class="u-freeNew-rec">
                        <ul>
                            {volist name="boyhots" id="vo" key="k"}
                                {if $k>1}
                                    <li>
                                       <a href="{:url('/book/info',array("id"=>$vo.id))}" target="_blank" class="f-text-overflow f-fc3">{$vo.title}</a>
                                    </li>
                                {/if}
                            {/volist}
                        </ul>
                    </div>
                </div>
            </div>
            
        </div>
        <div class="u-ranking-list">
            <h2 class="f-ranking-title f-pos-r"><i></i>推荐榜
                <div class="f-ranking-time boy-recommend" data-id="boyrecommend" data-channel="1" data-num="12">
                    <span class="z-current" data-time="week">周</span>
                    <span data-time="month">月</span>
                    <span data-time="total">总</span>
                </div>
            </h2>
            <ul id="boyrecommend">

            </ul>
        </div>
    </div>
</div>
{if $banner}
<div class="pageImgBox" style="margin-top:6PX;">
    
    <a href="{$banner.2.url}"><img src="{$Think.config.web_site_url}{$banner.2.cover_id}" ></a>
   
</div>
 {/if}
<div class="pageBox lanmuMan" >
     <div class="other-way-login">
        <span class="line"></span>  
        <span class="txt"><i class="icon iconfont icon-shijian1 shijian1" style="font-size:30px;color:#00bd9c"></i>&nbsp;&nbsp;最新章节</span>  
        <span class="line"></span>  
    </div>
    <div class="lanmuBox">
        <div class="chapterUpTit clearfix">
            <div class="indexUpA">类别</div>
            <div class="indexUpB">书名</div>
            <div class="indexUpC">最新更新章节</div>
            <div class="indexUpD">作者</div>
            <div class="indexUpE">更新时间</div>
        </div>
        {volist name="newchapters" id="vo" key="k"}
        <div class="chapterUpList clearfix">
            <div class="indexUpA"><a href="/books?channel={if $vo.category_id>3}1{else}2{/if}&cate={$vo.category_id}">{$vo.category}</a></div>
            <div class="indexUpB"><a href="{:url('/book/info',array("id"=>$vo.articleid))}" target="_blank">{$vo.articlename}</a></div>
            <div class="indexUpC"><a onclick="goread({if $vo.isvip==1}true{else}false{/if},'/chapter/read/{$vo.articleid}/{$vo.id}')" >{$vo.chaptername|msubstr=0,15,'utf-8',true}</a>{if $vo.isvip==1}<span class="vzj"></span>{/if}</div>
            <div class="indexUpD">{$vo.author}</div>
            <div class="indexUpE">{$vo.update_time}</div>
        </div>
        {/volist}
    </div>
    <div class="lanmuTop">
        <div style="border:1px solid #f0f0f0;border-radius:6px;padding:15px 20px 20px 20px;margin-bottom:15px">
            <div class="topTitle newIco">新书榜</div>
    		<ul class="topTx">
                {volist name="newtop" id="vo" key="k"}
                <li>
    				<em {if $k<4}class="red_bg"{/if}>{$k}</em>
                    <span><a href="{:url('/book/info',array("id"=>$vo.id))}">{$vo.title}</a></span>
                    <div class="bookInfo" style="display:{if $k==1}block{else}none{/if}">
                        <a href="{:url('/book/info',array("id"=>$vo.id))}"><img src="{empty name="vo.cover"}/public/novel/images/default.jpg{else /}{$vo.cover}{/empty}"></a>  
                        <div class="nickName">作者：{$vo.author}</div>
                        <div class="bookType">类别：<a href="/books?channel={if $vo.category_id>3}1{else}2{/if}&cate={$vo.category_id}">{$vo.category}</a></div>
                        <div class="bookDesc">{$vo.intro}……</div>
                    </div>
                </li>
                {/volist}
            </ul>
		</div>		
        {if $banner}
        <a href="{$banner.5.url}"><img src="{$Think.config.web_site_url}{$banner.5.cover_id}" class="lanmuImg"></a>
        {/if}
        <div style="border:1px solid #f0f0f0;border-radius:6px;padding:15px 20px 20px 20px">
        <div class="topTitle discussIco">书评排行</div>
		<ul class="topTx">
            {volist name="reviewtop" id="vo" key="k"}
            <li >
				<em {if $k<4}class="red_bg"{/if}>{$k}</em>
                <span><a href="{:url('/book/info',array("id"=>$vo.id))}">{$vo.title}</a></span>
                <div class="bookInfo" style="display:{if $k==1}block{else}none{/if}">
                    <a href="{:url('/book/info',array("id"=>$vo.id))}"><img src="{empty name="vo.cover"}/public/novel/images/default.jpg{else /}{$vo.cover}{/empty}"></a>
                    <div class="nickName">作者：{$vo.author}</div>
                    <div class="bookType">类别：<a href="/books?channel={if $vo.category_id>3}1{else}2{/if}&cate={$vo.category_id}">{$vo.category}</a></div>
                    <div class="bookDesc">{$vo.intro}……</div>
                </div>  
            </li>
            {/volist}
        </ul>
        </div>
    </div>


</div>

{block name="include"}{include file="public:footer" /}{/block}

{/block}
{block name="script"}
<script src="/public/novel/js/fun.js"></script>
<script type="text/javascript">

$(document).ready(function(){
	$('.topTx li').mouseover(function(){
		$(this).find("div").show();
		$(this).siblings("li").find("div").hide();
	});
	$('.hot_dp_list li').mousemove(function() {
        $(this).addClass('act').siblings().removeClass('act');
    });
    $('.hot_dp_list li').mouseleave(function() {
        $(this).removeClass('act');
    })
});

function goread(vip, url){
    if(vip){
        {if $Think.session.user_auth.uid==null}
        $.loginBox(url);
        return;
        {/if}
    }
    window.location.href = url;
}
</script>
{/block}


